﻿<td class="width50px">
    <!-- ko if: IsNew -->
    <span data-bind="css: {message: $parent.IsSectionBeingEdited($data)}">NEW</span>
    <!-- /ko -->
    <!-- ko ifnot: IsNew -->
    <span data-bind="text: Id"></span>
    <!-- /ko -->
</td>
<td class="width200px">
    <span data-bind="text: Name"></span>
</td>
<td class="width50px">
    <span data-bind="text: SectionType"></span>
</td>
<td class="width250px">
    <div>
        <button data-bind="enable: !$parent.ActiveSection(), click: $parent.EditSection">Edit</button>
        &nbsp;&nbsp;
        <!-- ko ifnot: IsNew -->
        <button data-bind="click: $parent.ConfirmRemove">Remove</button>
        <!-- /ko -->
        &nbsp;&nbsp;
        <!-- ko if: Id() != null -->
        <a data-bind="attr: { href: StudyParameterUrl() }, text: 'Manage Study Parameters'"></a>
        <!-- /ko -->
    </div>
</td>